<template>
	<div class="All">
		<div class="head_img">

			<div class="" style="display:flex;align-items: center;justify-content: center;">
				<img style="width: 300px;height: 300px;border-radius: 30px" :src="InfoMation.heard">
			</div>
		</div>

		<!-- 个人信息 -->
		<div class="per_info">
			<el-descriptions title="用户信息" border size="medium">
				<el-descriptions-item label="姓名">{{InfoMation.name}}</el-descriptions-item>
				<el-descriptions-item label="性别">{{InfoMation.sex}}</el-descriptions-item>
				<el-descriptions-item label="出生日期">{{InfoMation.birthday}}</el-descriptions-item>
				<el-descriptions-item label="证件号码">{{InfoMation.idcard}}</el-descriptions-item>
				<el-descriptions-item label="移动电话">{{InfoMation.phone}}</el-descriptions-item>
				<el-descriptions-item label="政治面貌">{{InfoMation.political}}</el-descriptions-item>
				<el-descriptions-item label="邮政编码">{{InfoMation.postal_code}}</el-descriptions-item>
				<el-descriptions-item label="学号">{{InfoMation.student_number}}</el-descriptions-item>
				<el-descriptions-item label="入学批次">{{InfoMation.enter_batch}}</el-descriptions-item>
				<el-descriptions-item label="入学类型">{{InfoMation.enter_type}}</el-descriptions-item>
				<el-descriptions-item label="层次">{{InfoMation.majors? InfoMation.majors.level : ''}}</el-descriptions-item>
				<el-descriptions-item label="毕业学校名称">{{InfoMation.graduated_school}}</el-descriptions-item>
        <el-descriptions-item label="专业名称">{{InfoMation.majors ? InfoMation.majors.title : ''}}</el-descriptions-item>
				<el-descriptions-item label="联系地址">{{InfoMation.adress}}</el-descriptions-item>
				<!-- <el-descriptions-item label="备注">
									<el-tag size="small">学校</el-tag>
				</el-descriptions-item> -->
			</el-descriptions>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				InfoMation: []
			}
		},
		methods: {
			// gitInfo(){
			// 	this.$axios.post('https://vvv.52ecode.cn/api/v1.UserController/index', {
			// 		idcard: '52242319990924931X',
			// 		website_id: 1
			// 	}).then(res => {
			// 		if(res.data.code == 200){
			// 			this.InfoMation = res.data.data
			// 			sessionStorage.setItem('InfoMation', JSON.stringify(this.InfoMation))
			// 		}

			// 	}).catch(err => {
			// 		console.log(err);
			// 	})
			// }
		},
		created() {
			this.InfoMation = JSON.parse(sessionStorage.getItem('InfoMation'))
			// this.gitInfo()
			// console.log(this.InfoMation);
		}
	}
</script>

<style lang="scss" scoped>
	.All {
		background-color: #f0f5f9;
		padding: 20px;

		.per_info {
			padding: 20px;
			background-color: #fff;
			border-radius: 10px;
			margin-top: 20px;
		}

		.head_img {
			display: flex;
			flex-direction: column;
			background-color: #fff;
			padding: 20px;
			border-radius: 10px;

			div:nth-child(1) {
				display: flex;
				align-items: center;
				justify-content: flex-start;
			}

			div:nth-child(2) {
				display: flex;
				align-items: center;
				justify-content: center;

				img {
					width: 200px;
					height: 200px;
				}
			}
		}
	}
</style>
